<!DOCTYPE html>
<html style="font-size: 16px;">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <meta name="keywords" content="The beauty of nature, the sky, the mountain, the tree..., Unseen beauty, 9 Things You Can Do to Save the Environment, 1, 2, 3, 4, 5, 6, Current projects, Save The World!, Save The World!">
    <meta name="description" content="">
    <meta name="page_type" content="np-template-header-footer-from-plugin">
    <title>Home</title>
    <link rel="stylesheet" href="nicepage.css" media="screen">
    <link rel="stylesheet" href="Home.css" media="screen">
    <script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
    <script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
    <meta name="generator" content="Nicepage 3.10.2, www.11moban.com">
    <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">









    <script type="application/ld+json">{
        "@context": "http://schema.org",
        "@type": "Organization",
        "name": "",
        "url": "index.html",
        "sameAs": []
    }</script>
    <meta property="og:title" content="Home">
    <meta property="og:type" content="website">
    <meta name="theme-color" content="#81c132">
    <link rel="canonical" href="index.html">
    <meta property="og:url" content="index.html">
</head>
<body data-home-page="Home.html" data-home-page-title="Home" class="u-body"><header class="u-black u-clearfix u-header u-header" id="sec-5d34"><div class="u-align-left u-clearfix u-sheet u-sheet-1">
    <h3 class="u-align-left-xs u-headline u-text u-text-1">
        <a href="/">电商分析平台</a>
    </h3>
    <nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1" data-responsive-from="XL">
        <div class="menu-collapse">
            <a class="u-button-style u-nav-link u-text-body-alt-color" href="#" style="padding: 8px 0px;">
                <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 302 302" style="undefined"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-a760"></use></svg>
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-a760" x="0px" y="0px" viewBox="0 0 302 302" style="enable-background:new 0 0 302 302;" xml:space="preserve" class="u-svg-content"><g><rect y="36" width="302" height="30"></rect><rect y="236" width="302" height="30"></rect><rect y="136" width="302" height="30"></rect>
</g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
            </a>
        </div>
        <div class="u-nav-container">
            <ul class="u-nav u-spacing-25 u-unstyled"><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="index.html" style="padding: 8px 0px;">首页</a>
            </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="0101.html" style="padding: 8px 0px;">
                Session 各范围访问时长占比统计</a>
            </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="0102.html" style="padding: 8px 0px;">
                Session 各范围访问步长占比统计</a>
            </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="02.html" style="padding: 8px 0px;">
                Session 随机抽取</a>
            </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="03.html" style="padding: 8px 0px;">
                Top10 热门品类点击率，订单率，支付率</a>
            </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="04.html" style="padding: 8px 0px;">
                Top10 热门品类 Top10 活跃 Session 统计</a>
            </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="05.html" style="padding: 8px 0px;">
                页面转化率统计</a>
            </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="06.html" style="padding: 8px 0px;">
                各区域 Top3 商品统计</a>
            </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="07.html" style="padding: 8px 0px;">
                广告黑名单实时统计</a>
            </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="08.html" style="padding: 8px 0px;">
                广告点击量实时统计</a>
            </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="09.html" style="padding: 8px 0px;">
                各省热门广告实时统计</a>
            </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="10.html" style="padding: 8px 0px;">
                最近一小时广告点击量实时统计</a>
            </li></ul>
        </div>
        <div class="u-nav-container-collapse">
            <div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
                <div class="u-sidenav-overflow">
                    <div class="u-menu-close"></div>
                    <ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="index.html" style="padding: 8px 0px;">首页</a>
                    </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="0101.html" style="padding: 8px 0px;">
                        Session 各范围访问时长占比统计</a>
                    </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="0102.html" style="padding: 8px 0px;">
                        Session 各范围访问步长占比统计</a>
                    </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="02.html" style="padding: 8px 0px;">
                        Session 随机抽取</a>
                    </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="03.html" style="padding: 8px 0px;">
                        Top10 热门品类点击率，订单率，支付率</a>
                    </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="04.html" style="padding: 8px 0px;">
                        Top10 热门品类 Top10 活跃 Session 统计</a>
                    </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="05.html" style="padding: 8px 0px;">
                        页面转化率统计</a>
                    </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="06.html" style="padding: 8px 0px;">
                        各区域 Top3 商品统计</a>
                    </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="07.html" style="padding: 8px 0px;">
                        广告黑名单实时统计</a>
                    </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="08.html" style="padding: 8px 0px;">
                        广告点击量实时统计</a>
                    </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="09.html" style="padding: 8px 0px;">
                        各省热门广告实时统计</a>
                    </li><li class="u-nav-item"><a class="u-btn-text u-button-style u-nav-link" href="10.html" style="padding: 8px 0px;">
                        最近一小时广告点击量实时统计</a>
                    </li></ul>
                </div>
            </div>
            <div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
        </div>
    </nav>
</div></header>
<section class="u-clearfix u-image u-shading u-section-1" id="sec-eca5">
    <div class="u-clearfix u-sheet u-sheet-1">
        <div class="u-container-style u-expanded-width-sm u-expanded-width-xs u-group u-opacity u-opacity-15 u-palette-1-base u-group-1">
            <div class="u-container-layout u-container-layout-1">
                <p class="u-align-center u-text u-text-1">We Like Big Data</p>
                <div class="u-border-3 u-border-white u-shape u-shape-bottom u-shape-left u-shape-1"></div>
                <h1 class="u-align-center u-text u-text-body-alt-color u-title u-text-2">电商分析平台</h1>
                <div class="u-border-3 u-border-white u-shape u-shape-right u-shape-top u-shape-2"></div>
            </div>
        </div>
    </div>
</section>
<section class="u-clearfix u-section-2" id="sec-6e7c">
    <div class="u-clearfix u-sheet u-sheet-1">
        <img src="images/98697f8a5035ec93bad682b65a13f41c.jpeg" alt="" class="u-align-left u-expanded-width-xs u-image u-left-0 u-image-1">
        <img src="images/2fa540df7187a7eeb5f596f9d0726e2d.jpeg" alt="" class="u-align-left u-image u-right-0 u-image-2">
        <div class="u-align-left u-container-style u-expanded-width-sm u-expanded-width-xs u-group u-right-0 u-group-1">
            <div class="u-container-layout u-valign-middle u-container-layout-1">
                <h2 class="u-text u-text-1">项目概述</h2>
                <div class="u-border-3 u-border-palette-1-base u-line u-line-horizontal u-line-1"></div>
                <p class="u-text u-text-2">本项目来源于企业级电商网站的大数据统计分析平台，该平台以 Spark 框架为
                    核心，对电商网站的日志进行离线和实时分析。
                    该大数据分析平台对电商网站的各种用户行为（访问行为、购物行为、广告点
                    击行为等）进行分析，根据平台统计出来的数据，辅助公司中的 PM（产品经理）、
                    数据分析师以及管理人员分析现有产品的情况，并根据用户行为分析结果持续改进 产品的设计，以及调整公司的战略和业务。最终达到用大数据技术来帮助提升公司
                    的业绩、营业额以及市场占有率的目标。&nbsp;</p>
            </div>
        </div>
        <div class="u-container-style u-expanded-width-xs u-group u-group-2">
            <div class="u-container-layout u-valign-middle-lg u-valign-middle-xl u-container-layout-2"><span class="u-icon u-icon-circle u-text-grey-10 u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 95.333 95.332" style="undefined"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-dd14"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-dd14" x="0px" y="0px" viewBox="0 0 95.333 95.332" style="enable-background:new 0 0 95.333 95.332;" xml:space="preserve" class="u-svg-content"><g><g><path d="M30.512,43.939c-2.348-0.676-4.696-1.019-6.98-1.019c-3.527,0-6.47,0.806-8.752,1.793    c2.2-8.054,7.485-21.951,18.013-23.516c0.975-0.145,1.774-0.85,2.04-1.799l2.301-8.23c0.194-0.696,0.079-1.441-0.318-2.045    s-1.035-1.007-1.75-1.105c-0.777-0.106-1.569-0.16-2.354-0.16c-12.637,0-25.152,13.19-30.433,32.076    c-3.1,11.08-4.009,27.738,3.627,38.223c4.273,5.867,10.507,9,18.529,9.313c0.033,0.001,0.065,0.002,0.098,0.002    c9.898,0,18.675-6.666,21.345-16.209c1.595-5.705,0.874-11.688-2.032-16.851C40.971,49.307,36.236,45.586,30.512,43.939z"></path><path d="M92.471,54.413c-2.875-5.106-7.61-8.827-13.334-10.474c-2.348-0.676-4.696-1.019-6.979-1.019    c-3.527,0-6.471,0.806-8.753,1.793c2.2-8.054,7.485-21.951,18.014-23.516c0.975-0.145,1.773-0.85,2.04-1.799l2.301-8.23    c0.194-0.696,0.079-1.441-0.318-2.045c-0.396-0.604-1.034-1.007-1.75-1.105c-0.776-0.106-1.568-0.16-2.354-0.16    c-12.637,0-25.152,13.19-30.434,32.076c-3.099,11.08-4.008,27.738,3.629,38.225c4.272,5.866,10.507,9,18.528,9.312    c0.033,0.001,0.065,0.002,0.099,0.002c9.897,0,18.675-6.666,21.345-16.209C96.098,65.559,95.376,59.575,92.471,54.413z"></path>
</g>
</g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg></span>
                <h4 class="u-text u-text-3">本项目使用了 Spark 技术生态栈中最常用的三个技术框架，Spark Core、Spark
                    SQL 和 Spark Streaming，进行离线计算和实时计算业务模块的开发。</h4>
            </div>
        </div>
        <div class="u-align-left u-container-style u-expanded-width-xs u-grey-5 u-group u-group-3">
            <div class="u-container-layout u-valign-middle-lg u-container-layout-3">
                <h2 class="u-text u-text-4">实现方法</h2>
                <div class="u-border-3 u-border-palette-1-base u-line u-line-horizontal u-line-2"></div>
                <p class="u-text u-text-5">实现了包括用
                    户访问 session 分析、页面单跳转化率统计、热门商品离线统计、广告流量实时统计
                    4 个业务模块。通过合理的将实际业务模块进行技术整合与改造，该项目几乎完全
                    涵盖了 Spark Core、Spark SQL 和 Spark Streaming 这三个技术框架中大部分的功能
                    点、知识点，学员对于 Spark 技术框架的理解将会在本项目中得到很大的提高。</p>
            </div>
        </div>
    </div>
</section>
<section class="u-clearfix u-section-3" id="sec-21d5">
    <div class="u-clearfix u-sheet u-sheet-1">
        <div class="u-grey-10 u-shape u-shape-rectangle u-shape-1"></div>
        <div class="u-align-left u-container-style u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-group u-group-1">
            <div class="u-container-layout u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-container-layout-1">
                <h2 class="u-text u-text-1">项目框架</h2>
                <div class="u-border-3 u-border-palette-1-base u-line u-line-horizontal u-line-1"></div>
                <p class="u-text u-text-2">本项目分为离线分析系统与实时分析系统两大模块。
                    在离线分析系统中，我们将模拟业务数据写入 Hive 表中，离线分析系统从 Hive
                    中获取数据，并根据实际需求（用户访问 Session 分析、页面单跳转化率分析、各区
                    域热门商品统计）对数据进行处理，最终将分析完毕的统计数据存储到 MySQL 的
                    对应表格中。
                    在实时分析系统中，我们将模拟业务数据写入 Kafka 集群中，实时分析系统从
                    Kafka broker 中获取数据，通过 Spark Streaming 的流式处理对广告点击流量进行实 时分析，最终将统计结果存储到 MySQL 的对应表格中。</p>
            </div>
        </div>
        <img src="images/a15400169df3dbcae7cd48146ac9e44f.jpeg" alt="" class="u-align-left u-image u-image-1">
        <img src="images/115d4b154eff1a090090ad554ea4a1eb.jpeg" alt="" class="u-align-left u-image u-left-0 u-image-2">
    </div>
</section>
<section class="u-clearfix u-image u-section-4" id="sec-62e8">
    <div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
        <div class="u-expanded-width u-list u-repeater u-list-1">
            <div class="u-align-left u-container-style u-list-item u-opacity u-opacity-60 u-repeater-item u-white u-list-item-1">
                <div class="u-container-layout u-similar-container u-container-layout-1">
                    <h2 class="u-text u-text-palette-2-base u-text-1">1.1</h2>
                    <h3 class="u-text u-text-2">Session 各范围访问时长占比统计</h3>
                    <p class="u-text u-text-3">这个功能可以让人从全局的角度看到，符合某些条件的用户群体，使用我们的
                        产品的一些习惯。比如大多数人，到底是会在产品中停留多长时间，大多数人，会
                        在一次使用产品的过程中，访问多少个页面。那么对于使用者来说，有一个全局和
                        清晰的认识。</p>
                    <a href="0101.html" class="u-active-none u-border-2 u-border-active-black u-border-hover-black u-border-palette-2-base u-btn u-button-style u-hover-none u-text-body-color u-text-hover-palette-2-base u-btn-1">more</a>
                </div>
            </div>
			<div class="u-align-left u-container-style u-list-item u-opacity u-opacity-60 u-repeater-item u-white u-list-item-1">
                <div class="u-container-layout u-similar-container u-container-layout-1">
                    <h2 class="u-text u-text-palette-2-base u-text-1">1.2</h2>
                    <h3 class="u-text u-text-2">Session 各范围访问步长占比统计</h3>
                    <p class="u-text u-text-3">这个功能可以让人从全局的角度看到，符合某些条件的用户群体，使用我们的
                        产品的一些习惯。比如大多数人，到底是会在产品中停留多长时间，大多数人，会
                        在一次使用产品的过程中，访问多少个页面。那么对于使用者来说，有一个全局和
                        清晰的认识。</p>
                    <a href="0102.html" class="u-active-none u-border-2 u-border-active-black u-border-hover-black u-border-palette-2-base u-btn u-button-style u-hover-none u-text-body-color u-text-hover-palette-2-base u-btn-1">more</a>
                </div>
            </div>
            <div class="u-align-left u-container-style u-list-item u-opacity u-opacity-60 u-repeater-item u-white u-list-item-2">
                <div class="u-container-layout u-similar-container u-container-layout-2">
                    <h2 class="u-text u-text-palette-2-base u-text-4">2</h2>
                    <h3 class="u-text u-text-5">Session 随机抽取</h3>
                    <p class="u-text u-text-6">这个功能的作用，是说，可以让使用者，能够对于符合条件的 session，按照时
                        间比例均匀的随机采样出 1000 个 session，然后观察每个 session 具体的点击流/行为，
                        比如先进入了首页、然后点击了食品品类、然后点击了雨润火腿肠商品、然后搜索
                        了火腿肠罐头的关键词、接着对王中王火腿肠下了订单、最后对订单做了支付。</p>
                    <a href="02.html" class="u-active-none u-border-2 u-border-active-black u-border-hover-black u-border-palette-2-base u-btn u-button-style u-hover-none u-text-body-color u-text-hover-palette-2-base u-btn-2">more</a>
                </div>
            </div>
            <div class="u-align-left u-container-style u-list-item u-opacity u-opacity-60 u-repeater-item u-white u-list-item-3">
                <div class="u-container-layout u-similar-container u-container-layout-3">
                    <h2 class="u-text u-text-palette-2-base u-text-7">3</h2>
                    <h3 class="u-text u-text-8">Top10 热门品类</h3>
                    <p class="u-text u-text-9">这个功能，很重要，就可以让我们明白，就是符合条件的用户，他最感兴趣的
                        商品是什么种类。这个可以让公司里的人，清晰地了解到不同层次、不同类型的用
                        户的心理和喜好。</p>
                    <a href="0301.html" class="u-active-none u-border-2 u-border-active-black u-border-hover-black u-border-palette-2-base u-btn u-button-style u-hover-none u-text-body-color u-text-hover-palette-2-base u-btn-3">more</a>
                </div>
            </div>
            <div class="u-align-left u-container-style u-list-item u-opacity u-opacity-60 u-repeater-item u-white u-list-item-4">
                <div class="u-container-layout u-similar-container u-container-layout-4">
                    <h2 class="u-text u-text-palette-2-base u-text-10">4</h2>
                    <h3 class="u-text u-text-11">Top10 热门品类 Top10 活跃 Session 统计</h3>
                    <p class="u-text u-text-12">这个功能，可以让我们看到，对某个用户群体最感兴趣的品类，各个品类最感
                        兴趣最典型的用户的 session 的行为。</p>
                    <a href="04.html" class="u-active-none u-border-2 u-border-active-black u-border-hover-black u-border-palette-2-base u-btn u-button-style u-hover-none u-text-body-color u-text-hover-palette-2-base u-btn-4">more</a>
                </div>
            </div>
            <div class="u-align-left u-container-style u-list-item u-opacity u-opacity-60 u-repeater-item u-white u-list-item-5">
                <div class="u-container-layout u-similar-container u-container-layout-5">
                    <h2 class="u-text u-text-palette-2-base u-text-13">5</h2>
                    <h3 class="u-text u-text-14">页面转化率统计</h3>
                    <p class="u-text u-text-15">在该模块中，需要根据查询对象中设置的 Session 过滤条件，先将对应得 Session
                        过滤出来，然后根据查询对象中设置的页面路径，计算页面单跳转化率，比如查询
                        的页面路径为：3、5、7、8，那么就要计算 3-5、5-7、7-8 的页面单跳转化率。需要
                        注意的一点是，页面的访问时有先后的。</p>
                    <a href="05.html" class="u-active-none u-border-2 u-border-active-black u-border-hover-black u-border-palette-2-base u-btn u-button-style u-hover-none u-text-body-color u-text-hover-palette-2-base u-btn-5">more</a>
                </div>
            </div>
            <div class="u-align-left u-container-style u-list-item u-opacity u-opacity-60 u-repeater-item u-white u-list-item-6">
                <div class="u-container-layout u-similar-container u-container-layout-6">
                    <h2 class="u-text u-text-palette-2-base u-text-16">6</h2>
                    <h3 class="u-text u-text-17">各区域 Top3 商品统计</h3>
                    <p class="u-text u-text-18">根据用户指定的日期查询条件范围，统计各个区域下的最热门【点击】的 top3
                        商品，区域信息、各个城市的信息在项目中用固定值进行配置，因为不怎么变动。</p>
                    <a href="06.html" class="u-active-none u-border-2 u-border-active-black u-border-hover-black u-border-palette-2-base u-btn u-button-style u-hover-none u-text-body-color u-text-hover-palette-2-base u-btn-6">more</a>
                </div>
            </div>
            <div class="u-align-left u-container-style u-list-item u-opacity u-opacity-60 u-repeater-item u-white u-list-item-5">
                <div class="u-container-layout u-similar-container u-container-layout-5">
                    <h2 class="u-text u-text-palette-2-base u-text-13">7</h2>
                    <h3 class="u-text u-text-14">广告黑名单实时统计</h3>
                    <p class="u-text u-text-15">实现实时的动态黑名单机制：将每天对某个广告点击超过 100 次的用户拉黑。</p>
                    <a href="07.html" class="u-active-none u-border-2 u-border-active-black u-border-hover-black u-border-palette-2-base u-btn u-button-style u-hover-none u-text-body-color u-text-hover-palette-2-base u-btn-5">more</a>
                </div>
            </div>
            <div class="u-align-left u-container-style u-list-item u-opacity u-opacity-60 u-repeater-item u-white u-list-item-5">
                <div class="u-container-layout u-similar-container u-container-layout-5">
                    <h2 class="u-text u-text-palette-2-base u-text-13">8</h2>
                    <h3 class="u-text u-text-14">广告点击量实时统计</h3>
                    <p class="u-text u-text-15">每天各省各城市各广告的点击流量实时统计。</p>
                    <a href="08.html" class="u-active-none u-border-2 u-border-active-black u-border-hover-black u-border-palette-2-base u-btn u-button-style u-hover-none u-text-body-color u-text-hover-palette-2-base u-btn-5">more</a>
                </div>
            </div>
            <div class="u-align-left u-container-style u-list-item u-opacity u-opacity-60 u-repeater-item u-white u-list-item-5">
                <div class="u-container-layout u-similar-container u-container-layout-5">
                    <h2 class="u-text u-text-palette-2-base u-text-13">9</h2>
                    <h3 class="u-text u-text-14">各省热门广告实时统计</h3>
                    <p class="u-text u-text-15">统计每天各省 top3 热门广告。</p>
                    <a href="09.html" class="u-active-none u-border-2 u-border-active-black u-border-hover-black u-border-palette-2-base u-btn u-button-style u-hover-none u-text-body-color u-text-hover-palette-2-base u-btn-5">more</a>
                </div>
            </div>
            <div class="u-align-left u-container-style u-list-item u-opacity u-opacity-60 u-repeater-item u-white u-list-item-5">
                <div class="u-container-layout u-similar-container u-container-layout-5">
                    <h2 class="u-text u-text-palette-2-base u-text-13">0</h2>
                    <h3 class="u-text u-text-14">最近一小时广告点击量实时统计</h3>
                    <p class="u-text u-text-15">统计各广告最近 1 小时内的点击量趋势：各广告最近 1 小时内各分钟的点击量。</p>
                    <a href="10.html" class="u-active-none u-border-2 u-border-active-black u-border-hover-black u-border-palette-2-base u-btn u-button-style u-hover-none u-text-body-color u-text-hover-palette-2-base u-btn-5">more</a>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="u-clearfix u-section-5" id="sec-bf30">
    <div class="u-clearfix u-sheet u-sheet-1">
        <div class="u-align-center-lg u-align-center-md u-align-center-xl u-align-center-xs u-container-style u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-group u-group-1">
            <div class="u-container-layout u-valign-middle u-container-layout-1">
                <h2 class="u-align-center-sm u-text u-text-1">项目需求</h2>
                <div class="u-border-2 u-border-palette-1-base u-line u-line-horizontal u-line-1"></div>
            </div>
        </div>
        <div class="u-clearfix u-expanded-width u-gutter-30 u-layout-wrap u-layout-wrap-1">
            <div class="u-layout">
                <div class="u-layout-row">
                    <div class="u-align-left u-container-style u-image u-layout-cell u-left-cell u-size-15 u-size-30-md u-image-1">
                        <div class="u-container-layout" src="">
                            <div class="u-align-center u-container-style u-group u-white u-group-2">
                                <div class="u-container-layout u-valign-middle u-container-layout-3">
                                    <h5 class="u-custom-font u-text u-text-font u-text-3">用户访问 session 统计</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="u-align-left u-container-style u-image u-layout-cell u-size-15 u-size-30-md u-image-2">
                        <div class="u-container-layout" src="">
                            <div class="u-align-center u-container-style u-group u-white u-group-3">
                                <div class="u-container-layout u-valign-middle u-container-layout-5">
                                    <h5 class="u-custom-font u-text u-text-font u-text-4">页面单跳转化率统计</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="u-align-left u-container-style u-image u-layout-cell u-size-15 u-size-30-md u-image-3">
                        <div class="u-container-layout" src="">
                            <div class="u-align-center u-container-style u-group u-white u-group-4">
                                <div class="u-container-layout u-valign-middle u-container-layout-7">
                                    <h5 class="u-custom-font u-text u-text-font u-text-5">区域热门商品统计</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="u-align-left u-container-style u-image u-layout-cell u-right-cell u-size-15 u-size-30-md u-image-4">
                        <div class="u-container-layout" src="">
                            <div class="u-align-center u-container-style u-group u-white u-group-5">
                                <div class="u-container-layout u-valign-middle u-container-layout-9">
                                    <h5 class="u-custom-font u-text u-text-font u-text-6">广告流量实时统计</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="u-clearfix u-image u-section-6" id="sec-2668">
    <div class="u-clearfix u-sheet u-sheet-1">
        <div class="u-align-center-lg u-align-center-md u-align-center-sm u-align-center-xl u-container-style u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-group u-group-1">
            <div class="u-container-layout u-valign-middle u-container-layout-1">
                <h2 class="u-align-center-xs u-text u-text-1">项目总结</h2>
                <div class="u-border-2 u-border-palette-1-base u-line u-line-horizontal u-line-1"></div>
                <p class="u-align-center-xs u-text u-text-2">本项目通过 Spark 技术生态栈中的 Spark Core、Spark SQL 和 Spark Streaming
                    三个技术框架，实现了对电商平台业务的离线和实时数据统计与分析，完成了包括
                    用户访问 session 分析、页面单跳转化率统计、热门商品离线统计、广告流量实时统
                    计 4 个业务模块的开发工作。</p>
            </div>
        </div>
    </div>
</section>
<section class="u-clearfix u-grey-10 u-section-7" id="sec-ed13">
    <div class="u-clearfix u-sheet u-sheet-1">
        <img src="images/2208a3f49c048f2e07e04989c582f6bf.jpeg" alt="" class="u-expanded-width-sm u-expanded-width-xs u-image u-image-default u-image-1">
        <div class="u-align-left u-container-style u-expanded-width-xs u-group u-white u-group-1">
            <div class="u-container-layout u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-container-layout-1">
                <h3 class="u-text u-text-1">此外</h3>
                <p class="u-text u-text-2">本项目涵盖了 Spark Core、Spark SQL 和 Spark Streaming 三个技术框架中核心的知识点与技术点，对于同学们真正的理解和掌握 Spark 技术生态栈有着良好的促
                    进作用。</p>
            </div>
        </div>
        <div class="u-align-left u-container-style u-expanded-width-sm u-expanded-width-xs u-group u-image u-shading u-image-2">
            <div class="u-container-layout u-valign-middle-lg u-valign-middle-sm u-valign-middle-xl u-valign-middle-xs u-container-layout-2" src="">
                <h3 class="u-text u-text-3">还有</h3>
                <p class="u-align-left-lg u-align-left-md u-align-left-sm u-text u-text-4">该大数据分析平台对电商网站的各种用户行为（访问行为、购物行为、广告点
                    击行为等）进行分析，根据平台统计出来的数据，辅助公司中的 PM（产品经理）、
                    数据分析师以及管理人员分析现有产品的情况，并根据用户行为分析结果持续改进 产品的设计，以及调整公司的战略和业务。最终达到用大数据技术来帮助提升公司
                    的业绩、营业额以及市场占有率的目标。</p>
            </div>
        </div>
        <div class="u-align-left u-container-style u-expanded-width-sm u-expanded-width-xs u-group u-group-3">
            <div class="u-container-layout u-valign-middle u-container-layout-3">
                <h3 class="u-text u-text-5">本项目来源于企业级电商网站的大数据统计分析平台，该平台以 Spark 框架为
                    核心，对电商网站的日志进行离线和实时分析。</h3>
                <p class="u-text u-text-6">– 电商大数据分析平台</p>
            </div>
        </div>
    </div>
</section>
<section class="u-align-center u-clearfix u-white u-section-8" id="sec-60fd">
    <h2 class="u-text u-text-body-color u-text-1">电商大数据平台</h2>
    <div class="u-border-2 u-border-palette-1-base u-line u-line-horizontal u-line-1"></div>
    <p class="u-text u-text-body-color u-text-2">致力于完成最好的电商大数据分析平台</p>
    <div class="u-list u-repeater u-list-1">
        <div class="u-align-center u-container-style u-list-item u-repeater-item u-white u-list-item-1">
            <div class="u-container-layout u-similar-container u-valign-middle u-container-layout-1"><span class="u-icon u-icon-circle u-text-palette-1-base u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 24 24" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-6100"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 24 24" id="svg-6100"><path d="m18.5 24h-18c-.176 0-.34-.093-.43-.245-.09-.152-.093-.34-.009-.495l9-16.5c.175-.321.703-.321.878 0l9 16.5c.084.155.081.343-.009.495s-.254.245-.43.245zm-17.158-1h16.315l-8.157-14.956z"></path><path d="m23.5 24h-5c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h4.154l-4.625-8.41-1.906 3.944c-.12.248-.417.353-.668.232-.249-.12-.353-.419-.232-.668l2.328-4.816c.082-.168.25-.277.437-.282.188.009.361.095.451.259l5.5 10c.085.155.083.343-.008.495-.091.153-.254.246-.431.246z"></path><path d="m9.5 7.5c-.276 0-.5-.224-.5-.5v-6.5c0-.276.224-.5.5-.5h6c.202 0 .385.122.462.309.078.187.035.402-.108.545l-1.647 1.646 1.646 1.646c.143.143.186.358.108.545-.076.187-.259.309-.461.309h-5.5v2c0 .276-.224.5-.5.5zm.5-3.5h4.293l-1.146-1.146c-.195-.195-.195-.512 0-.707l1.146-1.147h-4.293z"></path><path d="m11 15c-.012 0-.023 0-.036-.001-.145-.01-.277-.083-.364-.199l-1.1-1.466-1.1 1.466c-.087.116-.22.188-.364.199-.151.012-.287-.042-.389-.145l-1.68-1.68c-.195-.195-.195-.512 0-.707s.512-.195.707 0l1.272 1.272 1.154-1.539c.188-.252.611-.252.8 0l1.154 1.539 1.272-1.272c.195-.195.512-.195.707 0s.195.512 0 .707l-1.68 1.68c-.094.094-.221.146-.353.146z"></path></svg>


          </span>
                <h3 class="u-custom-font u-text u-text-font u-text-3">discover</h3>
            </div>
        </div>
        <div class="u-align-center u-container-style u-list-item u-repeater-item u-white u-list-item-2">
            <div class="u-container-layout u-similar-container u-valign-middle u-container-layout-2"><span class="u-icon u-icon-circle u-text-palette-1-base u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-065c"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-065c" style="enable-background:new 0 0 512 512;"><g><g><path d="M502.001,246.001h-28.038c-5.522,0-9.999,4.477-9.999,9.999c0,5.523,4.478,9.999,9.999,9.999h28.038    c5.522,0,9.999-4.477,9.999-9.999C512,250.478,507.523,246.001,502.001,246.001z"></path>
</g>
</g><g><g><path d="M500.981,192.611c-2.762-4.783-8.875-6.421-13.659-3.66l-18.359,10.599c-4.783,2.761-6.422,8.876-3.66,13.659    c1.852,3.209,5.213,5.002,8.669,5.002c1.696,0,3.416-0.432,4.99-1.341l18.359-10.6    C502.104,203.509,503.743,197.394,500.981,192.611z"></path>
</g>
</g><g><g><path d="M497.321,305.73l-18.359-10.6c-4.784-2.762-10.897-1.123-13.659,3.66c-2.762,4.783-1.123,10.898,3.66,13.659l18.359,10.6    c1.575,0.909,3.294,1.341,4.99,1.341c3.456,0,6.816-1.793,8.669-5.001C503.743,314.606,502.105,308.491,497.321,305.73z"></path>
</g>
</g><g><g><path d="M424.327,118.013c-9.869-43.064-23.233-63.997-40.857-63.997c-3.391,0-6.621,0.783-9.702,2.341L6.128,210.772    C2.415,212.33,0,215.963,0,219.99v71.994c0,4.026,2.415,7.659,6.127,9.219l53.931,22.656c0.032,0.014,0.065,0.027,0.097,0.041    l25.839,10.853v62.735c0,15.714,12.784,28.498,28.498,28.498h90.993c15.714,0,28.498-12.784,28.498-28.498v-0.567l139.8,58.728    c3.077,1.553,6.303,2.334,9.688,2.334c17.624,0,30.988-20.933,40.857-63.997c8.473-36.972,13.139-85.976,13.139-137.987    C437.466,203.989,432.8,154.985,424.327,118.013z M213.983,397.489c0,4.687-3.813,8.499-8.499,8.499h-90.993    c-4.687,0-8.499-3.813-8.499-8.499v-54.334l107.992,45.366V397.489z M73.994,308.022v-52.181c0-5.523-4.478-9.999-9.999-9.999    c-5.522,0-9.999,4.477-9.999,9.999v43.78l-33.997-14.282v-58.703L351.619,87.35c-3.28,8.548-6.276,18.756-9.005,30.663    c-0.31,1.35-0.612,2.722-0.912,4.104L228.325,164.79c-5.169,1.945-7.781,7.712-5.837,12.88c1.509,4.009,5.316,6.479,9.36,6.479    c1.17,0,2.36-0.208,3.521-0.644l102.052-38.411c-5.165,32.412-7.946,70.76-7.946,110.905c0,52.011,4.666,101.015,13.139,137.987    c2.729,11.906,5.727,22.112,9.005,30.661L73.994,308.022z M350.286,219.172c17.68,3.011,31.185,18.431,31.185,36.955    c0,18.521-13.5,33.937-31.174,36.953c-0.545-12.075-0.824-24.48-0.824-37.08C349.473,243.488,349.749,231.168,350.286,219.172z     M404.833,389.521c-9.13,39.841-19.328,48.465-21.363,48.465c-0.083,0-0.183-0.02-0.292-0.05c-0.162-0.079-0.32-0.164-0.488-0.235    l-0.238-0.1c-3.356-2.023-12.266-12.827-20.345-48.081c-4.974-21.704-8.58-47.838-10.638-76.402c28.173-3.687,50-27.83,50-56.991    c0-29.168-21.837-53.315-50.018-56.994c2.054-28.663,5.668-54.886,10.656-76.654c8.074-35.233,16.98-46.046,20.34-48.077    l0.883-0.371c0.049-0.007,0.099-0.017,0.141-0.017c2.035,0,12.233,8.624,21.363,48.465c8.146,35.55,12.634,82.969,12.634,133.521    C417.468,306.552,412.981,353.97,404.833,389.521z"></path>
</g>
</g><g><g><path d="M199.505,186.34c-1.938-5.171-7.697-7.793-12.871-5.858l-0.229,0.086c-5.172,1.937-7.794,7.699-5.858,12.871    c1.504,4.016,5.316,6.495,9.366,6.495c1.165,0,2.35-0.206,3.505-0.638l0.229-0.086    C198.819,197.274,201.442,191.511,199.505,186.34z"></path>
</g>
</g></svg>


          </span>
                <h3 class="u-custom-font u-text u-text-font u-text-4">Promote</h3>
            </div>
        </div>
        <div class="u-align-center u-container-style u-list-item u-repeater-item u-white u-list-item-3">
            <div class="u-container-layout u-similar-container u-valign-middle u-container-layout-3"><span class="u-icon u-icon-circle u-text-palette-1-base u-icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-dc1d"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 512 512" id="svg-dc1d"><path d="m354 64h-54v-2.574219c0-15.976562-12.996094-28.976562-28.976562-28.976562h-18.542969c-8.460938-19.433594-27.839844-32.449219-49.515625-32.449219h-1.929688c-21.675781 0-41.054687 13.015625-49.515625 32.449219h-18.542969c-15.980468 0-28.976562 13-28.976562 28.976562v2.574219h-54c-31.308594 0-50 14.953125-50 40v358c0 27.570312 22.429688 50 50 50h304c27.570312 0 50-22.429688 50-50v-226.332031c0-5.523438-4.476562-10-10-10s-10 4.476562-10 10v226.332031c0 16.542969-13.457031 30-30 30h-304c-16.542969 0-30-13.457031-30-30v-358c0-4.945312 0-20 30-20h54v14c0 5.523438 4.476562 10 10 10h176c5.523438 0 10-4.476562 10-10v-14h54c16.542969 0 30 13.457031 30 30v33.667969c0 5.523437 4.476562 10 10 10s10-4.476563 10-10v-33.667969c0-27.570312-22.429688-50-50-50zm-74 24h-156v-26.574219c0-4.949219 4.027344-8.976562 8.976562-8.976562h25.601563c4.515625 0 8.46875-3.023438 9.652344-7.378907 4.003906-14.761718 17.496093-25.070312 32.804687-25.070312h1.929688c15.308594 0 28.800781 10.308594 32.808594 25.070312 1.179687 4.355469 5.136718 7.378907 9.648437 7.378907h25.605469c4.949218 0 8.972656 4.027343 8.972656 8.976562zm0 0"></path><path d="m394 179.511719c-2.628906 0-5.210938 1.058593-7.070312 2.917969-1.859376 1.871093-2.929688 4.441406-2.929688 7.070312 0 2.640625 1.070312 5.210938 2.929688 7.078125 1.859374 1.863281 4.441406 2.933594 7.070312 2.933594s5.210938-1.070313 7.070312-2.933594c1.859376-1.859375 2.929688-4.4375 2.929688-7.078125 0-2.628906-1.070312-5.210938-2.929688-7.070312-1.859374-1.859376-4.441406-2.917969-7.070312-2.917969zm0 0"></path><path d="m502 322c-2.628906 0-5.210938 1.070312-7.070312 2.929688-1.859376 1.859374-2.929688 4.441406-2.929688 7.070312s1.070312 5.210938 2.929688 7.070312c1.859374 1.859376 4.441406 2.929688 7.070312 2.929688s5.210938-1.070312 7.070312-2.929688c1.859376-1.859374 2.929688-4.441406 2.929688-7.070312s-1.070312-5.210938-2.929688-7.070312c-1.859374-1.859376-4.441406-2.929688-7.070312-2.929688zm0 0"></path><path d="m511.128906 185.421875-32-71.507813c-1.613281-3.597656-5.1875-5.914062-9.128906-5.914062s-7.515625 2.316406-9.128906 5.914062l-32 71.507813c-.574219 1.28125-.871094 2.675781-.871094 4.082031v298.621094c0 13.164062 10.710938 23.875 23.875 23.875h36.25c13.164062 0 23.875-10.710938 23.875-23.875v-112.457031c0-5.523438-4.476562-10-10-10s-10 4.476562-10 10v69.917969h-44v-246.082032h44v92.296875c0 5.523438 4.476562 10 10 10s10-4.476562 10-10v-102.296875c0-1.40625-.296875-2.800781-.871094-4.082031zm-41.128906-42.941406 16.570312 37.023437h-33.140624zm22 323.105469v22.539062c0 2.136719-1.738281 3.875-3.875 3.875h-36.25c-2.136719 0-3.875-1.738281-3.875-3.875v-22.539062zm0 0"></path><path d="m117.667969 144c-23.160157 0-42 18.839844-42 42s18.839843 42 42 42c23.15625 0 42-18.839844 42-42s-18.84375-42-42-42zm0 64c-12.132813 0-22-9.867188-22-22s9.867187-22 22-22c12.128906 0 22 9.867188 22 22s-9.871094 22-22 22zm0 0"></path><path d="m117.667969 264c-23.160157 0-42 18.839844-42 42s18.839843 42 42 42c23.15625 0 42-18.839844 42-42s-18.84375-42-42-42zm0 64c-12.132813 0-22-9.867188-22-22s9.867187-22 22-22c12.128906 0 22 9.867188 22 22s-9.871094 22-22 22zm0 0"></path><path d="m117.667969 384c-23.160157 0-42 18.839844-42 42s18.839843 42 42 42c23.15625 0 42-18.839844 42-42s-18.84375-42-42-42zm0 64c-12.132813 0-22-9.867188-22-22s9.867187-22 22-22c12.128906 0 22 9.867188 22 22s-9.871094 22-22 22zm0 0"></path><path d="m318.332031 208h-114.664062c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h114.667969c5.519531 0 10-4.476562 10-10s-4.480469-10-10.003907-10zm0 0"></path><path d="m318.332031 160h-114.664062c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h114.667969c5.519531 0 10-4.476562 10-10s-4.480469-10-10.003907-10zm0 0"></path><path d="m318.332031 328h-114.664062c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h114.667969c5.519531 0 10-4.476562 10-10s-4.480469-10-10.003907-10zm0 0"></path><path d="m318.332031 280h-114.664062c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h114.667969c5.519531 0 10-4.476562 10-10s-4.480469-10-10.003907-10zm0 0"></path><path d="m318.332031 448h-114.664062c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h114.667969c5.519531 0 10-4.476562 10-10s-4.480469-10-10.003907-10zm0 0"></path><path d="m318.332031 400h-114.664062c-5.523438 0-10 4.476562-10 10s4.476562 10 10 10h114.667969c5.519531 0 10-4.476562 10-10s-4.480469-10-10.003907-10zm0 0"></path></svg>


          </span>
                <h3 class="u-custom-font u-text u-text-font u-text-5">Investigate</h3>
            </div>
        </div>
        <div class="u-align-center u-container-style u-list-item u-repeater-item u-white u-list-item-4">
            <div class="u-container-layout u-similar-container u-valign-middle u-container-layout-4"><span class="u-icon u-icon-circle u-text-palette-1-base u-icon-4"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-bae2"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-bae2" style="enable-background:new 0 0 512 512;"><g><g><path d="M366,396c-5.52,0-10,4.48-10,10c0,5.52,4.48,10,10,10c5.52,0,10-4.48,10-10C376,400.48,371.52,396,366,396z"></path>
</g>
</g><g><g><path d="M390.622,363.663l-47.53-15.84l-17.063-34.127c15.372-15.646,26.045-36.348,29.644-57.941L357.801,243H376    c16.542,0,30-13.458,30-30v-63C406,67.29,338.71,0,256,0c-82.922,0-150,67.097-150,150v63c0,13.036,8.361,24.152,20,28.28V253    c0,16.542,13.458,30,30,30h8.782c4.335,9.417,9.946,18.139,16.774,25.974c1.416,1.628,2.893,3.206,4.406,4.741l-17.054,34.108    l-47.531,15.841C66.112,382.092,26,440.271,26,502c0,5.523,4.477,10,10,10h440c5.522,0,10-4.477,10-10    C486,440.271,445.889,382.092,390.622,363.663z M386,213c0,5.514-4.486,10-10,10h-15.262c2.542-19.69,4.236-40.643,4.917-61.28    c0.02-0.582,0.036-1.148,0.054-1.72H386V213z M136,223c-5.514,0-10-4.486-10-10v-53h20.298c0.033,1.043,0.068,2.091,0.107,3.146    c0.001,0.036,0.003,0.071,0.004,0.107c0,0.003,0,0.006,0,0.009c0.7,20.072,2.372,40.481,4.856,59.737H136V223z M156,263    c-5.514,0-10-4.486-10-10v-10h8.198l2.128,12.759c0.406,2.425,0.905,4.841,1.482,7.241H156z M146.017,140H126.38    C131.445,72.979,187.377,20,256,20c68.318,0,124.496,52.972,129.619,120h-19.635c-0.72-55.227-45.693-100-101.033-100h-17.9    C191.712,40,146.736,84.773,146.017,140z M247.05,60h17.9c44.809,0,81.076,36.651,81.05,81.41c0,3.147-0.025,5.887-0.078,8.38    c0,0.032-0.001,0.065-0.001,0.098l-12.508-1.787c-33.98-4.852-66.064-20.894-90.342-45.172C241.195,101.054,238.652,100,236,100    c-26.856,0-52.564,12.236-69.558,32.908C170.63,92.189,205.053,60,247.05,60z M178.54,263c-5.006-16.653-10.734-65.653-12-97.053    l13.459-17.946c12.361-16.476,31.592-26.713,52.049-27.888c26.917,25.616,61.739,42.532,98.537,47.786l14.722,2.104    c-0.984,20.885-2.995,41.843-5.876,61.118c-0.001,0.006-0.002,0.013-0.003,0.02c-0.916,6.197-1.638,10.185-3.482,21.324    c-5.296,31.765-28.998,60.49-60.287,68.313c-12.877,3.215-26.443,3.214-39.313,0c-19.537-4.884-37.451-18.402-49.012-37.778    h20.386c4.128,11.639,15.243,20,28.28,20h20c16.575,0,30-13.424,30-30c0-16.542-13.458-30-30-30h-20    c-13.327,0-24.278,8.608-28.297,20H178.54z M235.159,341.016c6.859,1.445,13.852,2.184,20.841,2.184    c5.471,0,10.943-0.458,16.353-1.346l-17.67,18.687L235.159,341.016z M240.935,375.079l-31.718,33.542    c-8.732-16.714-16.235-34.109-22.389-51.917l11.911-23.822L240.935,375.079z M311.566,329.494l13.604,27.209    c-6.164,17.838-13.669,35.239-22.392,51.933l-33.948-33.948L311.566,329.494z M226,273c0-5.521,4.478-10,10-10h20    c5.514,0,10,4.486,10,10c0,5.522-4.479,10-10,10h-20C230.486,283,226,278.514,226,273z M46.4,492    c3.963-49.539,36.932-94.567,81.302-109.363l42.094-14.028c7.712,21.325,17.266,42.052,28.463,61.74    c0.019,0.034,0.037,0.068,0.056,0.101c0,0.001,0.001,0.001,0.001,0.002c8.181,14.389,17.389,28.45,27.372,41.799L237.99,492H46.4z     M256,483.086l-13.562-21.773c-0.152-0.244-0.314-0.481-0.486-0.711c-8.098-10.802-15.652-22.099-22.532-33.662l35.663-37.714    l37.578,37.578c-6.926,11.647-14.506,22.991-22.611,33.796C269.56,461.253,270.255,460.224,256,483.086z M274.01,492    l12.301-19.748c10.027-13.4,19.301-27.574,27.564-42.132c0.05-0.088,0.097-0.178,0.147-0.266c0.006-0.011,0.012-0.021,0.018-0.032    c11.055-19.5,20.509-40.047,28.164-61.213l42.093,14.028c44.371,14.796,77.34,59.824,81.303,109.363H274.01z"></path>
</g>
</g><g><g><path d="M435.546,451.531c-6.683-13.377-16.472-25.261-28.309-34.367c-4.378-3.369-10.656-2.55-14.023,1.828    c-3.368,4.378-2.549,10.656,1.828,14.024c9.454,7.273,17.272,16.766,22.611,27.453c2.473,4.949,8.483,6.941,13.415,4.477    C436.008,462.478,438.013,456.472,435.546,451.531z"></path>
</g>
</g></svg>


          </span>
                <h3 class="u-custom-font u-text u-text-font u-text-6">Support</h3>
            </div>
        </div>
    </div>
</section>


<footer class="u-clearfix u-footer u-palette-2-dark-3" id="sec-434c"><div class="u-clearfix u-sheet u-sheet-1">
    <div class="u-border-1 u-border-white u-expanded-width u-line u-line-horizontal u-opacity u-opacity-50 u-line-1"></div>
    <div class="u-align-left u-social-icons u-spacing-10 u-social-icons-1">
        <a class="u-social-url" target="_blank" href=""><span class="u-icon u-icon-circle u-social-facebook u-social-icon u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112.2 112.2" style="undefined"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-47ca"></use></svg><svg x="0px" y="0px" viewBox="0 0 112.2 112.2" enable-background="new 0 0 112.2 112.2" xml:space="preserve" id="svg-47ca" class="u-svg-content"><path d="M75.5,28.8H65.4c-1.5,0-4,0.9-4,4.3v9.4h13.9l-1.5,15.8H61.4v45.1H42.8V58.3h-8.8V42.4h8.8V32.2 c0-7.4,3.4-18.8,18.8-18.8h13.8v15.4H75.5z"></path></svg></span>
        </a>
        <a class="u-social-url" target="_blank" href=""><span class="u-icon u-icon-circle u-social-icon u-social-twitter u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112.2 112.2" style="undefined"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-9557"></use></svg><svg x="0px" y="0px" viewBox="0 0 112.2 112.2" enable-background="new 0 0 112.2 112.2" xml:space="preserve" id="svg-9557" class="u-svg-content"><path d="M92.2,38.2c0,0.8,0,1.6,0,2.3c0,24.3-18.6,52.4-52.6,52.4c-10.6,0.1-20.2-2.9-28.5-8.2 c1.4,0.2,2.9,0.2,4.4,0.2c8.7,0,16.7-2.9,23-7.9c-8.1-0.2-14.9-5.5-17.3-12.8c1.1,0.2,2.4,0.2,3.4,0.2c1.6,0,3.3-0.2,4.8-0.7 c-8.4-1.6-14.9-9.2-14.9-18c0-0.2,0-0.2,0-0.2c2.5,1.4,5.4,2.2,8.4,2.3c-5-3.3-8.3-8.9-8.3-15.4c0-3.4,1-6.5,2.5-9.2 c9.1,11.1,22.7,18.5,38,19.2c-0.2-1.4-0.4-2.8-0.4-4.3c0.1-10,8.3-18.2,18.5-18.2c5.4,0,10.1,2.2,13.5,5.7c4.3-0.8,8.1-2.3,11.7-4.5 c-1.4,4.3-4.3,7.9-8.1,10.1c3.7-0.4,7.3-1.4,10.6-2.9C98.9,32.3,95.7,35.5,92.2,38.2z"></path></svg></span>
        </a>
        <a class="u-social-url" target="_blank" href=""><span class="u-icon u-icon-circle u-social-icon u-social-instagram u-icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112.2 112.2" style="undefined"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-ed4e"></use></svg><svg x="0px" y="0px" viewBox="0 0 112.2 112.2" enable-background="new 0 0 112.2 112.2" xml:space="preserve" id="svg-ed4e" class="u-svg-content"><path d="M55.9,32.9c-12.8,0-23.2,10.4-23.2,23.2s10.4,23.2,23.2,23.2s23.2-10.4,23.2-23.2S68.7,32.9,55.9,32.9z M55.9,69.4c-7.4,0-13.3-6-13.3-13.3c-0.1-7.4,6-13.3,13.3-13.3s13.3,6,13.3,13.3C69.3,63.5,63.3,69.4,55.9,69.4z"></path><path d="M79.7,26.8c-3,0-5.4,2.5-5.4,5.4s2.5,5.4,5.4,5.4c3,0,5.4-2.5,5.4-5.4S82.7,26.8,79.7,26.8z"></path><path d="M78.2,11H33.5C21,11,10.8,21.3,10.8,33.7v44.7c0,12.6,10.2,22.8,22.7,22.8h44.7c12.6,0,22.7-10.2,22.7-22.7 V33.7C100.8,21.1,90.6,11,78.2,11z M91,78.4c0,7.1-5.8,12.8-12.8,12.8H33.5c-7.1,0-12.8-5.8-12.8-12.8V33.7 c0-7.1,5.8-12.8,12.8-12.8h44.7c7.1,0,12.8,5.8,12.8,12.8V78.4z"></path></svg></span>
        </a>
        <a class="u-social-url" target="_blank" href=""><span class="u-icon u-icon-circle u-social-icon u-social-linkedin u-icon-4"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112.2 112.2" style="undefined"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-2d77"></use></svg><svg x="0px" y="0px" viewBox="0 0 112.2 112.2" enable-background="new 0 0 112.2 112.2" xml:space="preserve" id="svg-2d77" class="u-svg-content"><path d="M33.8,96.8H14.5v-58h19.3V96.8z M24.1,30.9L24.1,30.9c-6.6,0-10.8-4.5-10.8-10.1c0-5.8,4.3-10.1,10.9-10.1 S34.9,15,35.1,20.8C35.1,26.4,30.8,30.9,24.1,30.9z M103.3,96.8H84.1v-31c0-7.8-2.7-13.1-9.8-13.1c-5.3,0-8.5,3.6-9.9,7.1 c-0.6,1.3-0.6,3-0.6,4.8V97H44.5c0,0,0.3-52.6,0-58h19.3v8.2c2.6-3.9,7.2-9.6,17.4-9.6c12.7,0,22.2,8.4,22.2,26.1V96.8z"></path></svg></span>
        </a>
    </div>
</div></footer>
<section class="u-backlink u-clearfix u-grey-80">
    <a class="u-link" href="https://www.11moban.com/website-mockup" target="_blank">
        <span>Website Mockup</span>
    </a>
    <p class="u-text">
        <span>created with</span>
    </p>
    <a class="u-link" href="https://www.11moban.com/website-builder" target="_blank">
        <span>Best Website Builder</span>
    </a>.
</section>
</body>
</html>